<template>
  <div>
    <chart-dialog :dialogData="dialogData" v-if="dialogVisible" @changeStateDialog="changeStateDialog"></chart-dialog>

    <!--      头部标题加标识-->
    <header class="crumbs_arr_box">
      <span>间隔分析</span>
      <span class="tool_main">
          <!-- 保存弹框页面-->
<!--          <preser-vation/>-->
<!--          <i class="fgf"></i>-->
          <div class="rec-wrap">
            <i class="el-icon-refresh" style="font-size: 16px;"></i>
            <div class="record" style="border: 1px solid #cccccc">
              <p style="background-color: #DCDFE6">更新时间: 6-30 22:50:37</p>
              <p>仅刷失效数据</p>
              <p>刷新全部数据</p>
            </div>
          </div>


          <el-tooltip class="tool_son" effect="light" content="下载数据" placement="bottom">
            <i class="el-icon-download"></i>
          </el-tooltip>
<!--          <el-popover placement="bottom" width="300" v-model="visible">-->
<!--            <div class="block_tool">-->
<!--              <span class="left">抽样设置：</span>-->
<!--              <el-slider :min="1" :step="1" :max="7" class="right" :show-tooltip="false"></el-slider>-->
<!--              <span style="display: flex;justify-content: flex-end">全量</span>-->
<!--              <div class="button" style="display: flex;justify-content: flex-end;margin-top:10px">-->
<!--                <el-button style="height: 30px;line-height: 5px;font-size: 12px;border: none;"-->
<!--                           @click="visible=false">取消</el-button>-->
<!--                <el-button style="height: 30px;line-height: 5px;font-size: 12px" type="success">确认</el-button>-->
<!--              </div>-->
<!--            </div>-->
<!--            <i class="el-icon-more tool_son" slot="reference"></i>-->
<!--          </el-popover>-->
        </span>
    </header>
  </div>
</template>

<script>
import preserVation from "./preserVation";

export default {
  name: "topTitle",
  components: {preserVation},
  data() {
    return {
      visible: false,
      //弹窗所需要的数据
      dialogData: {},
      //是否显示弹框
      dialogVisible: false,
    }
  },
  methods: {
    //弹框状态发生改变
    changeStateDialog(val, oldVal) {
      this.dialogVisible = val;
    },
  }
}
</script>

<style lang="scss" scoped>
@import "../../../assets/styles/topNav"; //头部样式
</style>